.box {
  min-width: 320px;
  width: 100vw;
}
// 1. 标题
.title {
  background-color: red;
  font-family: Microsoft YaHei;
  color: #ffffff;
  height: 1rem;
  position: relative;
  .iconfont {
    position: absolute;
    left: 2%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.32rem;
  }
  .search {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.4rem;
  }
  .more {
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.32rem;
  }
}

// 2. 列表
.content-box {
  li {
    border-top: 1px solid #ddd;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem;
    font-size: 0.28rem;
    // 图片
    .avatar {
      padding: 0.2rem;
      flex: 1;
      img {
        display: block;
        width: 100%;
      }
    }
    // 商品信息
    .info {
      height: 100%;
      flex: 4;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      // 商品名称
      .goods-name {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      // 商品的价格
      .goods-price {
        display: flex;
        align-items: flex-end;
        .prev-price {
          font-size: 0.24rem;
          color: #ddd;
          text-decoration: line-through;
        }
        .price {
          font-size: 0.32rem;
          font-weight: 700;
          color: red;
          span {
            font-size: 0.24rem;
          }
        }
        .prev-price {
          padding-left: 0.2rem;
        }
      }
    }
  }
}
